<!DOCTYPE html>
<html lang="gr">
<head>
    <meta charset="utf-8">
    <title>Mycar 2014</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">

    <!-- Le styles -->
    <link href="../assets/css/bootstrap.css" rel="stylesheet">
    <style type="text/css">

        body {
            padding-top: 60px;
            padding-bottom: 40px;

        }
    </style>
    <link href="../assets/css/bootstrap-responsive.css" rel="stylesheet">
    <link href="../assets/css/carousel.css" rel="stylesheet">
    <link rel="stylesheet" href="../assets/css/mycss.css" type="text/css" />

    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
    <script src="../assets/js/html5shiv.min.js"></script>
    <script src="../assets/js/respond.min.js"></script>
    <![endif]-->

    <!-- Fav and touch icons -->
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="../assets/ico/apple-touch-icon-144-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="../assets/ico/apple-touch-icon-114-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="../assets/ico/apple-touch-icon-72-precomposed.png">
    <link rel="apple-touch-icon-precomposed" href="../assets/ico/apple-touch-icon-57-precomposed.png">
    <link rel="shortcut icon" href="../assets/ico/favicon.png">

</head>

<body>

<!-- Navigation Bar -->
<nav class="navbar navbar-fixed-top navbar-inverse" role="navigation">
    <div class="container ">
        <div class="navbar-header ">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="../index.php">MyCar2014</a>
        </div>
        <div id="navbar" class="collapse navbar-collapse">
            <ul class="nav navbar-nav">
                <li><a href="../index.php">Home</a></li>
                <li><a href="../search.html">Τιμες και κρατησεις</a></li>
                <li class="active"><a href="car_list.php">Στολος</a></li>
                <li><a href="../prosfores.html">Προσφορες</a></li>
                <li><a href="../oroi.html">Όροι και Προϋποθέσεις</a></li>
                <!--  <li><a href="#">Ευρεση κρατησης <span class="glyphicon glyphicon-search"></span> </a></li>-->
            </ul>
            <form class="navbar-form "  id="login_Register" >
                <button type="button" id="Login" value="Login" class="btn btn-success active" onclick="login()">Εισοδος</button>
                <button type="button" id="Register" value="Register" class="btn btn-primary" onclick="register()">Εγγραφη</button>
            </form>
        </div><!-- /.nav-collapse -->
    </div><!-- /.container -->
</nav>
<!-- Navigation Bar -->
<div class="container">
    <p></p>
    <div class="row"> <!-- Row 1 -->
<div align="center">
  <!-- BEGIN Grid car -->
  <h2 align="center" face="Arial Black"><font face="Arial Black">Our Car fleet</font></h2>
  <div align="left">

    <table style="WIDTH: 606px; HEIGHT: 271px " bordercolor="#000066" cellspacing="0" cellpadding="0" align="center" border="0" class="col-sm-12 col-sm-push-0 col-md-4 ">
      <!-- BEGIN Row -->
      <tr>
          <!-- <td style="TEXT-ALIGN: right"><a href="{id_Src}">{id}</a>&nbsp;</td>-->
          <td colspan="10">
            <p>&nbsp;<font face="Verdana" size="2"><font color="#990000"><strong>Brand:</strong></font> </font><font face="Tahoma" size="2">{Brand}</font>&nbsp;<br>
            <font face="Tahoma" size="2"><font face="Verdana">&nbsp;<font color="#990000"><strong>Model:</strong></font></font>&nbsp;{Model}</font><font face="Tahoma" size="2"><br>
            <font face="Verdana">&nbsp;<font color="#990000"><strong>CC: </strong></font></font>{CC}</font>&nbsp;<br>
            &nbsp;<font face="Verdana" color="#990000" size="2"><strong>Doors:</strong></font>&nbsp;<font face="Tahoma" size="2">{Doors}<br>
            &nbsp;<font face="Verdana"><strong><font color="#990000">Persons:</font></strong> </font></font><font face="Tahoma" size="2">{Persons}</font>&nbsp;<br>
            &nbsp;<font face="Verdana" size="2"><font color="#990000"><strong>AC:</strong></font> </font><font face="Tahoma" size="2">{AC}<br>
            </font><font face="Tahoma" size="2">&nbsp;<strong><font color="#990000">Airbag:&nbsp;</font></strong></font><font color="#990000"><strong>&nbsp;</strong><font face="Verdana" color="#000000" size="2">{Airbag}</font><br>
            </font><font face="Tahoma" size="2"><font face="Verdana"><font color="#990000"><strong>&nbsp;Fuel: </strong></font>{Fuel}<br>
            <strong><font color="#990000">&nbsp;Gears:</font></strong></font></font><strong><font color="#990000">&nbsp;</font></strong><font face="Tahoma" color="#990000" size="2"><font face="Verdana" color="#000000">{Gear}</font></font><font face="Tahoma" size="2"><br>
            <strong>&nbsp;</strong><font face="Verdana"><strong><font color="#990000">Free:</font></strong> </font>{Free}</p><hr>
            </font></td>
          <td>
            <p align="center"><img style="max-width: 290px" src="../assets/ico/{Image1}"></p>
          </td>
        </tr>
   <!-- END Row -->
      <!-- BEGIN NoRecords -->
      <tr>
        <td colspan="12">No records </td>
      </tr>
      <!-- END NoRecords -->

    </table>

  </div>
  <div align="left">
  </div>
  <!-- END Grid car -->
</div>
    </div>
</div>
<!-- END Record car --><br>

<!-- Le javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="../assets/js/jquery.js"></script>
<script src="../assets/js/bootstrap-transition.js"></script>
<script src="../assets/js/bootstrap-alert.js"></script>
<script src="../assets/js/bootstrap-modal.js"></script>
<script src="../assets/js/bootstrap-dropdown.js"></script>
<script src="../assets/js/bootstrap-scrollspy.js"></script>
<script src="../assets/js/bootstrap-tab.js"></script>
<script src="../assets/js/bootstrap-tooltip.js"></script>
<script src="../assets/js/bootstrap-popover.js"></script>
<script src="../assets/js/bootstrap-button.js"></script>
<script src="../assets/js/bootstrap-collapse.js"></script>
<script src="../assets/js/bootstrap-carousel.js"></script>
<script src="../assets/js/bootstrap-typeahead.js"></script>
<script src="../assets/js/jquery.min.js"></script>
<script src="../assets/js/bootstrap.minn.js"></script>
<script src="../assets/js/docs.min.js"></script>
<script >
    form=document.getElementById("login_Register");
function login() {
    //form.action="save_for_later.php";
    form.action="../LoginPage.html";
    form.submit();
}
function register() {
    form.action="../Register.html";
    form.submit();
}</script>
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<script src="../assets/js/ie10-viewport-bug-workaround.js"></script>

</body>
</html>